package com.hippo.core.ui.components

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Button
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.material3.rememberModalBottomSheetState
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.google.accompanist.navigation.material.ModalBottomSheetLayout

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BottomSheetLayout(modifier: Modifier = Modifier,) {
    var showBottomSheet by remember { mutableStateOf(false) }

//    ModalBottomSheetLayout(
//        sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true),
//        sheetContent = {
//            Column(
//                modifier = Modifier
//                    .fillMaxWidth()
//                    .padding(16.dp)
//            ) {
//                Text(text = "This is a bottom sheet")
//                Spacer(modifier = Modifier.height(16.dp))
//                Button(
//                    onClick = { showBottomSheet = false },
//                    modifier = Modifier.fillMaxWidth()
//                ) {
//                    Text(text = "Close")
//                }
//            }
//        }
//    )
}